<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.lbl{display:inline-block;width:75px;text-align:right;margin:3px;}
</style>
</head>
<body>
<h1 style='font-size:30px'>CSS Example</h1>
<p style='border:5px solid #ff6666;padding:10px;width:300px;'>p 태그를 사용한 문단모양</p>
<div style='border:10px dotted #6666ff ; padding:20px ; align:center ; width:250px'>div 태그를 사용한 문단모양</div>

<hr/>
<label class='lbl'>성명</label>
<input type='text' name='mid'><br/>
<label class='lbl'>암호</label>
<input type='password' name='pwd'><br/>
<label class='lbl'>닉네임</label>
<input type='text' name='nicname'><br/>
</body>
</html>